<div class="col-md-12">

  <div class="row">
    <h1>学生列表</h1>
  </div>

  <div class="col-sm-5" style="margin-right: 1em;background-color: #ffffff">

    <div class="row">
      <div class="col-sm 12">
        <h4>已加入的学生</h4>
      </div>
    </div>

    <div class="row">

      <div class="col-sm-6" ng-repeat="currStudent in students.applyOk" style="border-style: groove">

        <div class="col-md-6">
          <img ng-src="image/head_image/{{ currStudent.student.head_image }}" style="width: 100%"/>
        </div>
        <div class="col-sm-6">
            <p class="text-info" style="text-align: center">{{ currStudent.student.username }}</p>
        </div>

      </div>

    </div>

  </div>

  <div class="col-sm-3" style="margin-right: 1em;background-color: #ffffff">

    <div class="row">
      <h4>申请加入的学生</h4>
    </div>

    <div class="row">

      <div class="col-sm-12" ng-repeat="currStudent in students.applyIn" style="border-style: groove">

        <div class="col-md-6">
          <img ng-src="image/head_image/{{ currStudent.student.head_image }}" style="width: 100%"/>
        </div>

        <div class="col-sm-6">
          <div class="row">
            <p class="text-info" style="text-align: center">{{ currStudent.student.username }}</p>
          </div>
          <div class="row">
            <div class="col-sm-6">
              <button type="button" ng-click="applyIn(currStudent.student.id)" class="btn btn-sm">同意</button>
            </div>
            <div class="col-sm-6">
              <button type="button" ng-click="applyOut(currStudent.student.id)" class="btn btn-sm">不同意</button>
            </div>
          </div>
        </div>

      </div>

    </div>
  </div>

  <div class="col-sm-3" style="margin-right: 1em;background-color: #ffffff">

    <div class="row">
      <h4>申请退出的学生</h4>
    </div>

    <div class="row">

      <div class="col-sm-12" ng-repeat="currStudent in students.applyOut" style="border-style: groove">

        <div class="col-md-6">
          <img ng-src="image/head_image/{{ currStudent.student.head_image }}" style="width: 100%"/>
        </div>

        <div class="col-sm-6">
          <div class="row">
            <p class="text-info" style="text-align: center">{{ currStudent.student.username }}</p>
          </div>
          <div class="row">
            <div class="col-sm-6">
              <button type="button" ng-click="applyOut(currStudent.student.id)" class="btn btn-sm">同意</button>
            </div>
            <div class="col-sm-6">
              <button type="button" ng-click="applyIn(currStudent.student.id)" class="btn btn-sm">不同意</button>
            </div>
          </div>
        </div>

      </div>

    </div>

  </div>

</div>
